    <script src="assets/js/jquery.Jcrop.js"></script>
    <script src="assets/js/mustache.js"></script>
    <script src="assets/js/image-ready.js"></script>
    <script>
    window.current_post_id = <?php echo $post_id;?>;
    </script>
    <script src="assets/js/cover_select.js"></script>
    <link rel="stylesheet" href="assets/css/jquery.Jcrop.min.css" type="text/css" />
    <link rel="stylesheet" href="assets/css/cover_select.css" type="text/css" />
    <div class="container">
        <div class="row">
            <div class="span12">
                <?php if( isset($mode) && $mode == 'admin'): ?>
                    <div id="admin_message">
                        <p><font color='red'>管理提示：您现在操作的帖子ID号为<?php echo $post_id; ?></font></p>
                    </div>
                <?php endif; ?>
                <div id="step1">
                    <h4>第一步：选一张帖子内的图片作为封面图片</h4>
                    <button type="button" class="btn" id="select_cover">点击选择封面</button>
                </div>
                <div id="step2" class="hide">
                    <h4>第二步：裁剪</h4>
                    <p>请在左边的原图上拖放进行裁剪，右边将显示出您裁剪后的封面的效果。</p>
                    <div class="origin-picture">
                		<img src="#" id="target" />
                	</div>
                	<div id="preview-pane">
                		<div class="preview-container">
                			<img src="#" class="jcrop-preview" alt="Preview" />
                		</div>
                	</div>
                	<br />
                </div>                
                <div id="step3" class="hide">
                    <h4>第三步：确认并提交</h4>
                    <button type="button" class="btn" id="submit_cover">点击这里提交</button>
                </div>
                <div id="result" class="hide">
                    <h4>封面设置已完成</h4>
                    <p>帖子的封面已设置为如下所示的图片：</p>
                    <img src="#" id="resultimage" />
                </div>
            </div>
        </div>
    </div>
    
    <div class="modal hide fade" id="cover_select_modal">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal">x</button>
            <h2>点击选择封面图片</h2>
        </div>
        
        <div class="modal-body">
            <div id="cover_select_carousel" class="carousel slide">
                <ol class="carousel-indicators">
                </ol>
                <div class="carousel-inner">
                </div>
                <a class="carousel-control left" href="#cover_select_carousel" data-slide="prev">&lsaquo;</a>
                <a class="carousel-control right" href="#cover_select_carousel" data-slide="next">&rsaquo;</a>
            </div>
        </div>
        
        <div class="modal-footer">
        </div>
    </div>
    